<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../dist/css/index.min.css">
  <link rel="stylesheet" href="./lib/font_3270810_yif6tewoit/iconfont.css">
  <script src="../dist/lib/jquery-1.12.4.min.js"></script>
</head>

<body>
  <!-- 头部 -->
  <header id="top">
    <ul id="ul1">

      <li id="lia" style="background-color:blue ;">中兴官网</li>

      <li id="lib">消费者业务</li>

      <li id="lic">运行商业务</li>

      <li id="lid">企业业务</li>
    </ul>
    <div id="tright">
      <span><a href="./html/register.html">登录</a></span>

      <span><a href="./html/login.html">注册</a></span>

      <span>手机商城</span>
    </div>


    <!-- 中兴商城 -->
    <div id="zhong">
      <div id="logo"><img src="https://image.ztemall.com/bb27a3154a9d096e434aae60cd793d88.png" alt="logo"></div>

      <div id="sousuo"><input type="text"> <a href="javascript:;"
          style="float: left;margin-top:10px;width:100px;height:48px; background: red;text-align: center;font-size: 16px; line-height: 45px;">搜索</a>
        <p style="font-size:10px ;width: 500px; height: 10px;margin-top: 60px;padding-left: 18px;"><a
            href="javascript:;" style="color:red ;">热门搜索: </a> Z40PRO</p>
      </div>

      <div id="gou" style="background-color: red;"> <span class="iconfont icon-gouwuche
              " style="width: 16px;height:16px;font-size:20px"> </span><a href="./html/cart.html">查看购物车</a></div>
    </div>

    <!-- nav -->
    <div id="nav">
      <ul>
        <li id="lie" style="background-color: blue;"><a>全部商品分类</a></li>
        <li id="lie">ZTE中兴社区</li>
        <li id="lie">努比亚专区</li>
        <li id="lie">红魔专区</li>
        <li id="lie">智能手表</li>
        <li id="lie">线上门店</li>
        <li id="lie">线上服务站</li>
        <li id="lie">中兴社区</li>
      </ul>
    </div>
  </header>


  <!-- 轮播 -->
  <div id="slide">
    <ul>
      <li
        style="background:#ffffff url('https://image.ztemall.com/b6824c2bdb6a7b83b755552af3fa438b.jpg') no-repeat center; background-size: cover;">
      </li>
      <li
        style="background:#ffffff url('https://image.ztemall.com/2b26f093ffca20f6407897be68ea6eaf.jpg') no-repeat center; background-size: cover;">
      </li>
      <li
        style="background:#ffffff url('https://image.ztemall.com/443ee70f419be12b0522e1bfae828023.jpg') no-repeat center; background-size: cover;">
      </li>
      <li
        style="background:#ffffff url('https://image.ztemall.com/fc888de3a711181779b43bfbe305aed7.jpg') no-repeat center; background-size: cover;">
      </li>
      <li
        style="background:#ffffff url('https://image.ztemall.com/cb9602eabb025b58697954f655213db2.jpg') no-repeat center; background-size: cover;">
      </li>
      <li
        style="background:#ffffff url('https://image.ztemall.com/4004edd4bd045ca99ca29bd6921bfad5.jpg') no-repeat center; background-size: cover;">
      </li>
    </ul>
  </div>
  <script>
    class Slider {
      constructor() {
        this.big_box = document.querySelector('#slide');
        this.ul_li = this.big_box.children[0].children;
        this.num = this.ul_li.length;
        this.ol_li = this.addEle();
        this.cur_index = 0;
        this.slide();
        this.addEvent();
        this.autoPlay();
      }
      addEle() {
        let ol = document.createElement('ol');
        let arr = [];
        for (let i = 0; i < this.num; i++) {
          let li = document.createElement('li');
          ol.appendChild(li);
          arr.push(li);
        }

        this.big_box.appendChild(ol);

        return arr;
      }
      slide() {
        for (let i = 0; i < this.num; i++) {
          this.ul_li[i].style.display = 'none';
          this.ol_li[i].style.backgroundColor = 'gray';
        }
        this.ul_li[this.cur_index].style.display = 'block';
        this.ol_li[this.cur_index].style.backgroundColor = 'red';


      }
      addEvent() {
        for (let i = 0; i < this.num; i++) {
          this.ol_li[i].onmouseenter = function () {
            this.cur_index = i;
            this.slide();
          }.bind(this);
        }

      }
      autoPlay() {
        this.timer = setInterval(() => {
          this.cur_index++;
          if (this.cur_index === this.num) {
            this.cur_index = 0;
          }
          this.slide();
        }, 2000)
        this.big_box.onmouseenter = function () {

          clearInterval(this.timer);
        }.bind(this);
        this.big_box.onmouseleave = function () {
          this.autoPlay();
        }.bind(this);
      }
    }
    new Slider();
  </script>

  <!-- 下拉菜单 -->
  <a href="#" id="a"
    style="display:block; width:100px; height: 40px;    background:blue;position: absolute;left: 50px;top: 140px; text-align: center;line-height: 40px; color:#ffffff">全部商品</a>

  <ul id="ul"
    style="width:100px; height: 480px; padding:0; margin:0; background:white;float:left; display:block;position: absolute;left: 50px;top: 180px;">

  </ul>
  <div id="div" style="float:left;"></div>

  <script>
    $(function () {
      var $a = $("#a");
      var $level01 = $("#ul"); //一级菜单
      var $level02 = $("#div"); //二级菜单
      let $li = $("#ul li");

      //获取json
      $.getJSON("lib/menu.json", function (json) {
        console.log(json.menu);
        var myMenu = json.menu;


        var myOne = myMenu.one;
        var myTwo = myMenu.two;

        $.each(myOne, function (j) {
          $("<li>" + myOne[j] + "</li>").appendTo("#ul");
        })
        $.each(myTwo, function (i) {
          $("<div class='box'>" +
            ` <img src="${myTwo[i].src}" alt="${myTwo[i].alt}" height="${myTwo[i].height}" >` + "</div>").appendTo("#div");


        })
        $li.mouseover(function () {
          $li.css("background", "red");
        })


        $level01.mouseover(function () {
          $(this).css("display", "block");
        });
        $a.mouseover(function () {
          $level01.css("display", "block");
        });
        $("#ul li").mouseover(function () {

          $level02.css("display", "block");
          $("#div div").css("display", "none").eq($(this).index()).css("display", "block");

        });
        $("#div div").mouseout(function () {
          $level01.css("display", "none");
          $level02.css("display", "none");
        });
        let $aa = $("#div .box");
        $aa.eq(2).click(() => {
          // 跳转
          location.href = '../src/html/list.html';
        });
        console.log($aa.eq(2));
      });

    });

  </script>


  <!-- 公告 -->
  <div style="width: 100%;height: 180px;">
    <div id="gong">
      <div style="height:50px;border-bottom:1px solid black; line-height:50px">商城公告<div style="float: right; width:121px;height:14px
        ">因疫情原因 时效</div>
      </div>
      <div id="gongxia">
        <div style="width: 80px; height: 60px;float: left;">

          <img src="https://image.ztemall.com/6fd680f3aa8b65ec835bfee40c7c6cb1.png"
            style="display: block;width: 26px;height: 26px;margin-left: 20px;">
          <p style="font-size:12px ;margin-left: 10px; ">官方正品</p>
        </div>
        <div style="width: 80px; height: 60px;float: right;">

          <img src="https://image.ztemall.com/cd57c5584abb89993b8f1af59d156d3f.png"
            style="display: block;width: 26px;height: 26px;margin-left: 20px;">
          <p style="font-size:12px ;margin-left: 5px; ">99元起免运费</p>

        </div>

        <div style="width: 80px; height: 60px;">

          <img src="https://image.ztemall.com/f55bccb566d87b68471b9b7ee93bf87b.png"
            style="display: block;width: 26px;height: 26px;margin-left: 20px;">
          <p style="font-size:12px ; ">7天退换货保障</p>

        </div>

        <div style="width: 80px; height: 60px;float: right;">

          <img src="https://image.ztemall.com/782753c9be3ba2f610fc194e97307292.png"
            style="display: block;width: 26px;height: 26px;margin-left: 20px;">
          <p style="font-size:12px ; ">顺丰极速达</p>
        </div>



      </div>
    </div>


    <!-- 公告右 -->
    <div id="gr">
      <a href="https://www.ztemall.com/item.html?item_id=367">
        <img src="https://image.ztemall.com/25360be7f1e25362ca2b18c18557b9de.jpg" app="topc"
          data-original="https://image.ztemall.com/25360be7f1e25362ca2b18c18557b9de.jpg" class="imglazyload"
          style="display: inline; margin-top: 8px;"> </a>
      <a href="https://www.ztemall.com/item.html?item_id=252">
        <img src="https://image.ztemall.com/98652dd2b45c01e0275ec4ad76fe91c8.jpg" app="topc"
          data-original="https://image.ztemall.com/98652dd2b45c01e0275ec4ad76fe91c8.jpg" class="imglazyload"
          style="display: inline;margin-top: 8px;"> </a>
      <a href="https://www.ztemall.com/item.html?item_id=208">
        <img src="https://image.ztemall.com/e305c31962c239948c78f4a8eb2ceeb7.jpg" app="topc"
          data-original="https://image.ztemall.com/e305c31962c239948c78f4a8eb2ceeb7.jpg" class="imglazyload"
          style="display: inline;margin-top: 8px;"> </a>
    </div>
  </div>


  <!-- 中兴推荐 -->
  <div id="tui">
    <div id="tuitop" style="font-size: 20px;">推荐 <span style="font-size: 12px;">中兴精品推荐</span></div>
    <div id="tuibottom">
      <div id="tbl"><a href="https://www.ztemall.com/item.html?item_id=297">
          <img width="290" height="748" src="https://image.ztemall.com/7e8b4c3e79927dc36e00e4203552312c.jpg" app="topc"
            data-original="https://image.ztemall.com/7e8b4c3e79927dc36e00e4203552312c.jpg" class="imglazyload" alt=""
            style="display: block;"> </a></div>
      <div id="tbr">
        <ul>
          <li>

            <div class="goods-item" style="text-align: center;text-decoration: none;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/b5cc92b1096252cb6e56e7ff6d073f6d.png" app="topc"
                  data-original="https://image.ztemall.com/b5cc92b1096252cb6e56e7ff6d073f6d.png" class="imglazyload"
                  style="display: block; width: 150px;height: 150px;margin-left:75px;margin-top: 30px;"> <span
                  class="floor-item-tag">新品</span>
              </div>
              <div class="pro-info" style="text-decoration: none;">
                <div style="color: black; ">
                  中兴 Axon 40 Ultra </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">无缺全面屏 6400万三主摄</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥4998.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/41fcd0afc79503f71c5fe1f15046a092.png"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;"> <span
                  class="floor-item-tag">热销</span>
              </div>
              <div class="pro-info">
                <div class="info-n">
                  nubia努比亚 Z40 Pro </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">全新一代骁龙8 拍照手机 双模5G全网通 </div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color: red;">
                    ￥3399.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/65de94cb7dfa6bcfe5ba948013a4a86e.png" app="topc"
                  data-original="https://image.ztemall.com/65de94cb7dfa6bcfe5ba948013a4a86e.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴 Axon 30 Ultra 5G </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">6400万高能三主摄 144HZ曲面屏,66W快充
                  超广角拍照游戏手机</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥4698.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/5a28cab25e56a01714871d448bf39a35.jpg" app="topc"
                  data-original="https://image.ztemall.com/5a28cab25e56a01714871d448bf39a35.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴 Axon 30 Pro 5G </div>
                <div class="info-sub" style="font-size:12px ;color: gray; margin-top: 10px;">6400万双主摄 144HZ屏 骁龙888 55W快充
                </div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥3298.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/da4db0eec0678dc3188de6ee15fb398c.jpg" app="topc"
                  data-original="https://image.ztemall.com/da4db0eec0678dc3188de6ee15fb398c.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴Axon 30 5G 屏下摄像手机 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">屏下摄像手机</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥1998.00 </span>


                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/3ae911fefb75f57540f9410570d74051.jpg" app="topc"
                  data-original="https://image.ztemall.com/3ae911fefb75f57540f9410570d74051.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴 ZTE V2022 4G 时光机 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">5000mAh大电池 6.82英寸大屏</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span style="color:red ;">
                    ￥648.00 </span>


                </div>
              </div>
            </div>


          </li>
        </ul>
      </div>
    </div>
  </div>


  <!-- 智能终端 -->
  <div id="zhi">
    <div id="zhitop" style="font-size: 20px;">智能终端</div>
    <div id="zhibottom">
      <div id="zbl">
        <a href="https://www.ztemall.com/item.html?item_id=289">
          <img width="290" height="748" src="https://image.ztemall.com/0e60aa94d2c7f4ec08c0aa7f969abdd4.jpg" app="topc"
            data-original="https://image.ztemall.com/0e60aa94d2c7f4ec08c0aa7f969abdd4.jpg" class="imglazyload" alt=""
            style="display: block;"> </a>
      </div>
      <div id="zbr">
        <ul>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/d1ac15732ba4565203f6b30682648fed.png" app="topc"
                  data-original="https://image.ztemall.com/d1ac15732ba4565203f6b30682648fed.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴 Wi-Fi 6 路由器AX3000Pro </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">Wifi6 双路叠加 高通性能芯片</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥399.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/4c4b0e6677fa6816ea7dfbc2f44dc8f7.jpg" app="topc"
                  data-original="https://image.ztemall.com/4c4b0e6677fa6816ea7dfbc2f44dc8f7.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴 Wi-Fi 6 路由器AX5400Pro </div>
                <div class="info-sub" style="font-size:12px ;color: gray; margin-top: 10px;">Wifi6 一键MESH组网</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥599.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/bbfdd86332546e20712450b49e354ff9.jpg" app="topc"
                  data-original="https://image.ztemall.com/bbfdd86332546e20712450b49e354ff9.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴 Wi-Fi 6 路由器AX5400 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">Wi-Fi 5400Mbps</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥499.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/8900b319031f2ab751b2f2c281aaa628.jpg" app="topc"
                  data-original="https://image.ztemall.com/8900b319031f2ab751b2f2c281aaa628.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴5G室内路由器MC801A </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">外观小巧精致，畅想5G高速率</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥2699.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/418d4a7e28e594a52334c878b4988123.png" app="topc"
                  data-original="https://image.ztemall.com/418d4a7e28e594a52334c878b4988123.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴 MESH组网 路由器E508 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">MESH组网 双频1200M</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥229.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/1f815d04762453e0e7388d68765f0ddf.jpg" app="topc"
                  data-original="https://image.ztemall.com/1f815d04762453e0e7388d68765f0ddf.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  中兴 Wi-Fi 6 路由器AX1800 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">Wi-Fi6 MESH组网</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color:red ;">
                    ￥329.00 </span>

                </div>
              </div>
            </div>


          </li>
        </ul>
      </div>
    </div>
  </div>


  <!-- 智能生态 -->
  <div id="sheng">
    <div id="shengtop"> <span style="font-size: 20px;"> 智能生态</span> 智慧生活必备</div>
    <div id="shengbottom">
      <div id="sbl">
        <a href="https://www.ztemall.com/item.html?item_id=287">
          <img width="290" height="748" src="https://image.ztemall.com/ddac85021a8588346cdd64209e918e8c.jpg" app="topc"
            data-original="https://image.ztemall.com/ddac85021a8588346cdd64209e918e8c.jpg" class="imglazyload" alt=""
            style="display: block;"> </a>
      </div>
      <div id="sbr">
        <ul>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/8dd0fcfc476e3ffdc4256f27396d64db.jpg" app="topc"
                  data-original="https://image.ztemall.com/8dd0fcfc476e3ffdc4256f27396d64db.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  ZTE LiveBuds Pro 蓝牙耳机 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">直降50元 六麦通话降噪</div>
                <div class="info-p" style="margin-top: 30px;">

                  <span class="price" style="color:red ;">
                    ￥349.00
                  </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/dd566d7db703a8caec60ae3056a6fc36.jpg" app="topc"
                  data-original="https://image.ztemall.com/dd566d7db703a8caec60ae3056a6fc36.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  ZTE WATCH Live 智能手表 </div>
                <div class="info-sub" style="font-size:12px ;color: gray; margin-top: 10px;">
                  1.3英寸高清大屏|br|21天持久续航|br|全天心率监测|br|12种运动模式|br|IP68防水防尘</div>
                <div class="info-p" style="margin-top: 30px;">

                  <span class="price" style="color:red ;">
                    ￥249.00
                  </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/c00a1b0860918726e611891ab4a6dc4f.png" app="topc"
                  data-original="https://image.ztemall.com/c00a1b0860918726e611891ab4a6dc4f.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  ZTE LiveBuds 真无线蓝牙耳机 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">直降 50， 到手149元。闻声如面，真无线蓝牙耳机
                </div>
                <div class="info-p" style="margin-top: 30px;">

                  <span class="price" style="color:red ;">
                    ￥199.00
                  </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/bc3b6fad05b0282a91be907986fb8fdd.png" app="topc"
                  data-original="https://image.ztemall.com/bc3b6fad05b0282a91be907986fb8fdd.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  ZTE 65W GaN(氮化镓) 超级快充 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">三口 65W 氮化镓</div>
                <div class="info-p" style="margin-top: 30px;">

                  <span class="price" style="color:red ;">
                    ￥149.00
                  </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/d68901a22d0591e8154b18c69749843d.jpg" app="topc"
                  data-original="https://image.ztemall.com/d68901a22d0591e8154b18c69749843d.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  ZTE 65W Gan 单口超级快充 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top: 10px;">单口 65W快充</div>
                <div class="info-p" style="margin-top: 30px;">

                  <span class="price" style="color:red ;">
                    ￥119.00
                  </span>
                  <span class="price" style="color:gray;text-decoration: line-through;">149.00</span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/9b54a3fc0d6a8f0030cbe73a0d8e9c5a.jpg" app="topc"
                  data-original="https://image.ztemall.com/9b54a3fc0d6a8f0030cbe73a0d8e9c5a.jpg" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  ZTE Buds 无线蓝牙耳机 </div>
                <div class="info-sub" style="font-size:12px ;color: gray;margin-top:10px ;">直降40元，129元起，小巧便携，长续航</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="price" style="color:red ;">
                    ￥129.00 </span>

                  <span class="price" style="color:gray;text-decoration: line-through;">
                    ￥169.00
                  </span>

                </div>
              </div>
            </div>


          </li>
        </ul>
      </div>

    </div>
  </div>
  <!-- 努比亚生态 -->
  <div id="nu">
    <div id="nutop"><span style="font-size:20px ;">努比亚生态</span> Be Your self</div>
    <div id="nubottom">
      <div id="nul">
        <a href="https://www.ztemall.com/item.html?item_id=323">
          <img width="290" height="748" src="https://image.ztemall.com/18746e37c20c49522f7105896016a05e.jpg" app="topc"
            data-original="https://image.ztemall.com/18746e37c20c49522f7105896016a05e.jpg" class="imglazyload" alt=""
            style="display: block;"> </a>
      </div>
      <div id="nur">
        <ul>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/671a56c86be96c5de0609a428eeb46e4.png" app="topc"
                  data-original="https://image.ztemall.com/671a56c86be96c5de0609a428eeb46e4.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  努比亚 阿尔法 </div>
                <div class="info-sub" style="font-size: 12px;color:gray;margin-top:10px">柔屏腕机 触手可及</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color: red;">
                    ￥1499.00 </span>
                  <span class="price" style="text-decoration: line-through;">
                    ￥1799.00
                  </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/f49439fa18578b7c55ee5582796912a6.png" app="topc"
                  data-original="https://image.ztemall.com/f49439fa18578b7c55ee5582796912a6.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  努比亚nubia watch </div>
                <div class="info-sub" style="font-size: 12px;color:gray;margin-top:10px">刚柔并济，表现不凡</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color: red;">
                    ￥1499.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/2f3baa51a35e138318deb685f88a6a99.png" app="topc"
                  data-original="https://image.ztemall.com/2f3baa51a35e138318deb685f88a6a99.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  努比亚 65W超薄氮化镓充电器(小黄人版) 黄色 </div>
                <div class="info-sub" style="font-size: 12px;color:gray;margin-top:10px">65W小饼干充电套装 小黄人正版授权</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price">
                    ￥299.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/7fcfecb3c5b0944e052b27887cb6a907.png" app="topc"
                  data-original="https://image.ztemall.com/7fcfecb3c5b0944e052b27887cb6a907.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  努比亚 5000毫安磁吸移动电源 小黄人版 </div>
                <div class="info-sub" style="font-size: 12px;color:gray;margin-top:10px">有线/无线双模式自由切换</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color: red;">
                    ￥179.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/dcbcf44c59644cff7c466e4022333d4a.png" app="topc"
                  data-original="https://image.ztemall.com/dcbcf44c59644cff7c466e4022333d4a.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  努比亚nubia 磁吸无线充电器(小黄人版) 黄色 </div>
                <div class="info-sub" style="font-size: 12px;color:gray;margin-top:10px">真MagSafe磁吸无线充</div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color: red;">
                    ￥129.00 </span>

                </div>
              </div>
            </div>


          </li>
          <li>

            <div class="goods-item" style="text-align: center;">
              <div class="floor-item-pic">
                <img src="https://image.ztemall.com/93c364be9d9a0b25ed5683955962142a.png" app="topc"
                  data-original="https://image.ztemall.com/93c364be9d9a0b25ed5683955962142a.png" class="imglazyload"
                  style="display: block;width: 150px;height: 150px;margin-left:75px;margin-top: 30px;">
              </div>
              <div class="pro-info">
                <div class="info-n">
                  努比亚 nubia 120W氮化镓充电器 </div>
                <div class="info-p" style="margin-top: 30px;">
                  <span class="font-red activity_price" style="color: red;">
                    ￥249.00 </span>

                </div>
              </div>
            </div>


          </li>
        </ul>
      </div>
    </div>
  </div>


  <!-- 猜你喜欢 -->
  <div id="cai">
    <div id="caitop" style="line-height: 40px;"> <span style="font-size: 20px;">猜你喜欢</span> 品质保证 <span
        style="color: red; float: right;font-size: 12px;"> <a href="javascript:;">换一批</a></span></div>
    <div id="caibottom">
      <div id="cb1">
        <div><img
            src="https://image.ztemall.com/f0d56bec031ad5866ba6598f2df3d2da.jpg?x-oss-process=image/resize,w_440,h_440"
            alt="" style="width:150px ;height:150px;margin-left: 70px;margin-top: 20px;"></div>
        <div style="text-align: center; margin-top:30px">努比亚 typeC to typeC 5A数据线</div>
        <div class="goods-price" style="color: red;margin-top: 50px;text-align: center;">￥59.00</div>
      </div>
      <div id="cb2">
        <div><img
            src="https://image.ztemall.com/b02d860f23f7b8f8efb7128d79e1bceb.png?x-oss-process=image/resize,w_440,h_440"
            alt="" style="width:150px ;height:150px;margin-left: 70px;margin-top: 20px;"></div>
        <div style="text-align: center; margin-top:30px">努比亚nubia 磁吸无线充电器 银色</div>
        <div class="goods-price" style="color: red;margin-top: 50px;text-align: center;">￥119.00</div>
      </div>
      <div id="cb3">
        <div><img
            src="https://image.ztemall.com/b4f817d2ea46b67fcc0e582f0a2d83b9.png?x-oss-process=image/resize,w_440,h_440"
            alt="" style="width:150px ;height:150px;margin-left: 70px;margin-top: 20px;"></div>
        <div style="text-align: center; margin-top:30px"> 努比亚nubia 20W苹果PD充电器</div>
        <div class="goods-price" style="color: red;margin-top: 50px;text-align: center;"> ￥39.00 </div>
      </div>
      <div id="cb4">

        <div> <img
            src="https://image.ztemall.com/c61d38f5f42b53ee63acefa89d52f240.png?x-oss-process=image/resize,w_440,h_440"
            alt="" style="width:150px ;height:150px;margin-left: 70px;margin-top: 20px;"></div>
        <div style="text-align: center; margin-top:30px"> 努比亚nubia 30W氮化镓充电器(小黄人版) 黄色</div>
        <div class="goods-price" style="color: red;margin-top: 50px;text-align: center;">￥99.00 </div>
      </div>
    </div>
  </div>
  <!-- 尾部 -->
  <footer>
    <!-- 帮助中心 -->
    <div id="help">
      <div id="helptop">
        <div id="ht1">
          <img width="67" height="67" src="https://image.ztemall.com/6fd680f3aa8b65ec835bfee40c7c6cb1.png" alt=""
            style="margin-left: 40px;">
          <h4 style="margin-left: 40px;">正品保障</h4>
        </div>
        <div id="ht2">
          <img width="67" height="67" src="https://image.ztemall.com/a2e66efbb8f82c9448e39bbfa720af32.png" alt=""
            style="margin-left: 40px" ;>
          <h4 style="margin-left: 40px;">7天退货保障</h4>
        </div>
        <div id="ht3">
          <img width="67" height="67" src="https://image.ztemall.com/bb910883c73e6524b5d0c9137ef235e5.png" alt=""
            style="margin-left: 40px">
          <h4 style="margin-left: 40px;">15天换货承诺</h4>
        </div>
        <div id="ht4">
          <img width="67" height="67" src="https://image.ztemall.com/2c0baf608789ea427c1c07344d27f81b.png" alt=""
            style="margin-left: 40px">

          <h4 style="margin-left: 40px;">全国售后网点</h4>

        </div>
        <div id="ht5">
          <img width="67" height="67" src="https://image.ztemall.com/782753c9be3ba2f610fc194e97307292.png" alt=""
            style="margin-left: 40px">
          <h4 style="margin-left: 40px;">顺丰极速达</h4>
        </div>
        <div id="ht6">
          <img width="67" height="67" src="https://image.ztemall.com/bb910883c73e6524b5d0c9137ef235e5.png" alt=""
            style="margin-left: 40px">
          <h4 style="margin-left: 40px;">99元起免运费</h4>
        </div>

      </div>
      <div id="helpbottom">
        <div id="hb1">
          <p style="padding-left: 20px;margin-top: 30px;">关于我们</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 商城简介</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">联系我们</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">新闻动态</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">企业购</p>
        </div>
        <div id="hb2">
          <p style="padding-left: 20px;margin-top: 30px;">手机 </p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 中兴Axon 30 5G</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴Axon 30 Pro 5G</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴Axon 30 Ultra 5G</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴S30 Pro 5G</p>


          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴S30 5G</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴S30 SE 5G</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴 远航10 5G</p>

        </div>
        <div id="hb3">
          <p style="padding-left: 20px;margin-top: 30px;">快速链接 </p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 人才招聘</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">禁止合作名单</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">ECCN查询</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">网络安全</p>
        </div>
        <div id="hb4">
          <p style="padding-left: 20px;margin-top: 30px;">服务支持 </p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 服务网点</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴京东自营官方旗舰店</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">天猫ZTE中兴官方旗舰店</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">保修政策</p>
        </div>
        <div id="hb5">
          <p style="padding-left: 20px;margin-top: 30px;">全国服务热线 </p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">400-880-9999 </p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 周一到周日 (全年无休)</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">商城在线客服： 8:30-24:00</p>
          <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">400服务热线 : 8:30-20:30</p>
          <img style="width:60px;height:60px;margin-left:30px;"
            src="https://image.ztemall.com/ff89dbfcea3e65ed1a754c27ab44fa39.jpg">

        </div>

      </div>
    </div>
    <div id="bottom">
      <div id="bt"><img src="https://image.ztemall.com/4838cc505d2a981c5ae09c56958d8895.png"
          style="margin-left: 450px;"></div>
      <div id="bm" style="font-size: 12px; text-align: center;margin-top: 20px;">
        服务协议 |隐私政策 |法律声明| ©2014 - 2021 版权所有，并保留所有权利
      </div>
      <div id="bb" style="font-size: 12px;margin-top: 20px;text-align: center;">增值电信业务经营许可证：合字B2-20210066 | ICP备案证书号
        :粤ICP备16018970号 | 粤公网安备 44030502005102号| 营业执照 <img src="https://szcert.ebs.org.cn/Images/govIcon.gif"
          title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" width="26" height="36" border="0"
          style="border-width:0px;border:hidden; border:none;"> </div>

    </div>


  </footer>


  <!-- 在线客服 -->
  <div
    style="width: 30px;height:100px;background-color: red;border-radius: 20px;position: fixed;right:0 ;top:300px;z-index: 100;">
    <a href="javascript:;"><img src="https://qiyukf.nosdn.127.net/sdk/res/kefu/custom/1.png"
        style="width: 28px;height:100px"></a></div>



</body>

</html>